<template>
  <div>
    <h2>Home</h2>
    {{ count }},
    <button @click="count++">+</button>
    <button @click="increment()">+</button>
    <hr>
    {{ fullName }}
  </div>
</template>

<script setup>
import { computed, ref } from 'vue';
import { storeToRefs } from 'pinia';
import { useAlertsStore } from '../store.js'
const store = useAlertsStore();

const { count, fullName } = storeToRefs(store);
const { increment } = store;

</script>